<template>
	<view class="kehu">
			<!-- 导航栏 -->
			<Navtop>
				<template v-slot:center>
					<view class="center">
						客户资料列表
					</view>
				</template>
				<template v-slot:footer>
					<view class="san">
					</view>
				</template>
			</Navtop>
			
		<!-- 导航栏 -->
		<Nav />
		<!-- 导航栏下面的金钱汇总导航栏 -->
		<Navnext />
		<!-- 列表栏 -->
		<Lists :lists="lists" />
	
	</view>
</template>

<script>
	import  { reactive } from "vue"
	import  Nav from "@/components/iconcomponents/common/nav.vue"
	import  Lists from "@/components/iconcomponents/common/Lists.vue"
	import  Navtop from "@/components/common/Navtop/Navtop.vue"
	import  Navnext from "@/components/iconcomponents/common/Navnext.vue"
	
	export default {
		components:{
			Nav,Lists,Navtop,Navnext
		},
		
		setup(){
			// 今天的时间
			 const day2 = new Date();
			 day2.setTime(day2.getTime());
			 const s2 = day2.getFullYear()+"-" + (day2.getMonth()+1) + "-" + day2.getDate();
			const lists = reactive([{
				title:"北京市交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"单位地址:北京市中南海一号院",
				hot:"热度:登革热",
				hoticon:"#icon-huo",
				hotday:"热点10天",
				recoveryicon:"#icon-huishou",
				recovery:"12日之后回收"
			},
			{
				title:"北京市交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"单位地址:北京市中南海一号院",
				hot:"热度:登革热"
			},
			{
				title:"北京市交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"单位地址:北京市中南海一号院",
				hot:"热度:登革热"
			},
			{
				title:"北京市交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"单位地址:北京市中南海一号院",
				hot:"热度:登革热"
			},
			{
				title:"北京市交个朋友一条龙有限公司",
				time:s2,
				name:"牛爱花",
				address:"单位地址:北京市中南海一号院",
				hot:"热度:登革热"
			}])
			const NavigateBack = ()=>{
						uni.navigateBack()
					}
		
			return {
				lists,NavigateBack
			}
		}
		
	}
</script>

<style scoped lang="scss">
	.kehu{
		background-color: $uni-text-color-inverse;
	}
	// 导航栏
	.nav{
		display: flex;
		justify-content: space-between;
		padding: 16rpx 16rpx;
		background-color: $uni-text-color-inverse;
		.guanbi{
			display: flex;
		}
		.san{
			width: 150rpx;
		}
	}
</style>
